<template>
  <div class="box">
    <div class="box2">
      <router-link to="/discover">发现音乐</router-link>
      <router-link to="/discover/toplist">排行榜</router-link>
      <router-link to="/discover/playlist">播放列表</router-link>
    </div>
    <router-view></router-view>
  </div>
</template>

<script>
export default {};
</script>

<style scoped>
.box {
  background: url(../assets/discover.png) no-repeat center / cover;
  height: 100vh;
}
.box2 {
  display: flex;
  height: 50px;
}
.box a {
  flex: 1;
  text-decoration: none;
  color: #ccc;
}
.box a.router-link-exact-active {
  color: aqua;
}
</style>